<template>
    <div class="app-container">
        <!-- 搜索 -->
        <el-form :model="form" label-width="auto" :inline="true">
            <el-form-item label="登陆账号:">
                <el-input v-model="param.name" />
            </el-form-item>
            <el-form-item label="员工姓名:">
                <el-input v-model="param.legalRepresen" />
            </el-form-item>
            <el-form-item label="审核日期:">
                <el-col :span="11">
                    <el-date-picker v-model="param.approvedDate1" type="date" placeholder="选择开始日期"
                        style="width: 100%" />
                </el-col>
                <el-col :span="2" class="text-center">
                    <span class="text-gray-500">-</span>
                </el-col>
                <el-col :span="11">
                    <el-date-picker v-model="param.approvedDate2" type="date" placeholder="选择结束日期"
                        style="width: 100%" />
                </el-col>
            </el-form-item>
            <el-form-item label="注册日期:">
                <el-col :span="11">
                    <el-date-picker v-model="param.registrationDate1" type="date" placeholder="选择开始日期"
                        style="width: 100%" />
                </el-col>
                <el-col :span="2" class="text-center">
                    <span class="text-gray-500">-</span>
                </el-col>
                <el-col :span="11">
                    <el-date-picker v-model="param.registrationDate2" type="date" placeholder="选择结束日期"
                        style="width: 100%" />
                </el-col>
            </el-form-item>
            <el-form-item label="手机号:">
                <el-input v-model="param.phoneNum" />
            </el-form-item>
            <el-form-item>
                <el-button @click="resetFrome">重置</el-button>
                <el-button type="primary" @click="onSubmit">搜索</el-button>
            </el-form-item>
        </el-form>

        <!--分页功能  -->
        <div class="demo-pagination-block">
            <el-pagination v-model:current-page="param.pageNum" v-model:page-size="param.pageSize"
                :page-sizes="[10, 20, 50, 100]" :size="size" :disabled="disabled" :background="background"
                layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange"
                @current-change="handleCurrentChange" />
        </div>
    </div>
</template>
<script setup long="ts">
import { reactive } from 'vue';
// import { getTable } from '@/api/enterpriseManage/index'
import {
    Plus,
    Delete,
    Edit,
    Message,
    Download,
    Upload
} from '@element-plus/icons-vue'
const param = reactive({
    loading: false,
    name: '企业账号管理',
    legalRepresen: '',
    approvedDate1: '',
    approvedDate2: '',
    registrationDate1: '',
    registrationDate2: '',
    phoneNum: ''
})
//清空所有填写搜索信息
const resetFrome = () => {
    param.name = null
    param.legalRepresen = null
    param.approvedDate1 = null
    param.approvedDate2 = null
    param.registrationDate1 = null
    param.registrationDate2 = null
    param.phoneNum = null
}
//根据填写搜索信息回去数据并展示
const onSubmit = () => {
    console.log(param)
}

</script>
<style lang="scss" scoped></style>